<div data-page="<{$pageName}>" class="page" >
<style type="text/css">
   .transform{
   	    transform: rotate(90deg);
		-ms-transform: rotate(90deg);		/* IE 9 */
		-webkit-transform: rotate(90deg);	/* Safari and Chrome */
		-o-transform: rotate(90deg);		/* Opera */
		-moz-transform: rotate(90deg);		/* Firefox */
   }
	.test-div{
		 width: 667px; height:375px; position:absolute;  left: -146px;top:146px; background-color: #000;
	}
	.test-div video{ width: 667px; height:375px; }
	.toolbar{ display: none !important; }
</style>
   <div class="page-content">
   	   <div class="test-div transform" id="test-div">
   	  <!--  <video webkit-playsinline="false" -webkit-playsinline="false"   width="667" height="375" controls="controls"  src="http://movie.ks.js.cn/flv/other/1_0.mp4"></video> -->

   	   
   	   </div>
   </div>
<!--    <script type="text/javascript">
   	   $(function(){
   	   	    var h=$(window).height();
   	   	    var w=$(window).width();
   	   	    var l=(h-w)/2;
   	   	    $("#test-div").addClass("transform");

   	   })
   </script> -->
</div>